<template>
	<div class="card-confirm-order">
		<carplate :carplateval=carInfo.carPlate :carname=carInfo.carName :carplateuser=carPlateUser></carplate>
		<custominfo :custname=customInfo.custName :mobilephone=customInfo.mobilePhone></custominfo>
		<customstore :storeinfo=storeInfo></customstore>
		<div class="title">
			<div class="left">已选服务</div>
		</div>
		<cardservice></cardservice>
		<buybtn :carinfo=carInfo :custominfo=customInfo></buybtn>
		
	</div>
</template>
<script>

	var currentTime = '1476941033056' ;
	var orderInfo = '{\"artificerInfo\":[],\"balanceMoney\":\"0\",\"economyMoney\":\"0\",\"fastFlg\":\"0\",\"hasEarnestPay\":false,\"hasUnFixedProduct\":false,\"hasUnPayProduct\":false,\"onlinePayDisplay\":true,\"orderDetailInfoList\":[],\"orderTotalMoneyOnlineAfterPay\":\"100\",\"orderTotalMoneyOnlineAll\":\"100\",\"orderTotalMoneyOnlineBeforePay\":\"100\",\"orderTotalMoneyOnlineStore\":\"0\",\"orderTotalMoneyStoreAll\":\"100\",\"payMoneyAfterCoupon\":\"100\",\"payMoneyNoCoupon\":\"100\",\"storePayDisplay\":true}' ;var couponList = '[]' ;var CANNOTUSESTORE = '{\"CANNOTUSESTORE_S0032\":\"310\"}' ;var RSA_WEB_SIGN_RESULT = 'ekJkGYXZ2KW+WDwRLZSWUHqrxznJiXKBZVpBpJdGSAeW2XErEJYAlhBokY7kHi/k3A3TtF/aEOqY1sfcEXjKU6qS3VAnfoW9EFenI6CPLCynLMCggN0hmAbyfQmAb8wqVGk5lBo7xtTZnlrAHD/IyjabyntXDY77eITYsOOY3Nc=' ;var CMSDOMAIN = 'http://s1.sit.com' ;var OPENTYPE = '8' ;var payFlg = '1' ;var onlinePromoteDispFlg = '0' ;var couponSpecial = 'false' ;var customInfo = '{\"carInfo\":[]}' ;var products = '[{\"code\":\"S0032\",\"cycle\":\"12\",\"desc\":\"更换雨刮\",\"descImgUrl\":\"[\\"/cms/wap/resource/chexiangjiaM/serviceDetail/images/S0032/slide01_c5d81eb1e1d346b82d1912fcfb17872e.jpg\\"]\",\"descUrl\":\"/spu/i/SPU_GHYS.htm\",\"fastFlg\":\"0\",\"fastUrl\":\"SPU_GHYS\",\"groupNum\":0,\"id\":\"32\",\"imageUrl\":\"S0032.jpg\",\"largerPic\":\"[\\"/cms/wap/resource/chexiangjiaM/serviceDetail/images/S0032/slide01_c5d81eb1e1d346b82d1912fcfb17872e.jpg\\"]\",\"middlePic\":\"[]\",\"mileage\":\"20000\",\"name\":\"更换雨刮\",\"originalPrice\":\"100\",\"payPrice\":\"100\",\"productPay\":{\"earnestMoney\":\"\",\"earnestType\":\"\",\"isFull\":\"1\",\"isNeedPay\":\"0\",\"promotionCode\":\"\",\"promotionName\":\"\",\"promotionOpt\":\"\",\"promotionValue\":\"\",\"serviceCode\":\"S0032\"},\"promotionPrice\":\"100\",\"promotionPriceAfterPay\":\"100\",\"recommandProduct\":[],\"servicePirceType\":\"0\",\"singleDisabled\":0,\"smallPic\":\"[\\"/cms/wap/resource/chexiangjiaM/serviceDetail/images/XBYSPU/tywgyggh-s1-v1.jpg\\"]\",\"spuUrl\":\"/spu/i/SPU_GHYS.htm\",\"stCode1\":\"SE01\",\"stCode2\":\"SE0103\",\"stCode3\":\"SE010302\",\"stCode4\":\"SE01030208\",\"stName1\":\"服务\",\"stName2\":\"易损件更换\",\"stName3\":\"更换易损件\",\"stName4\":\"雨刮\",\"storeIds\":[]}]' ;
	var carInfo = '{\"assetId\":\"\",\"brandId\":\"627\",\"carLevel\":\"B\",\"carName\":\"别克 Park Avenue [林荫大道] 2.8L 2013年产\",\"carYear\":\"2013\",\"disabledPlate\":false,\"iomodeId\":\"38\",\"logoUrl\":\"http://i1.preimg.com/images/100x100/84bd33606b889b25/20151222/e5558c8a030246b9bb09971f8520035b.jpg\",\"mdmId\":\"3207\",\"mouldId\":\"2636\",\"outputId\":\"78\",\"seriesId\":\"2635\",\"tireStandardList\":[],\"venderId\":\"2497\"}' ;var bookFlg = 'true' ;var PC_LOGIN_PAGE = 'https://account.sit.com/account/login.htm?backUrl=' ;var JSDEBUG = 'true' ;var CMCHECK = 'false' ;var CMSPAGEDOMAIN = 'http://m.sit.com' ;var SSO_MOBILE_LOGIN_PAGE = 'http://m.sit.com/account/quickLogin.htm?resource=45&backUrl=' ;var BOOKFLG = 'true' ;var CMSJSDOMAIN = 'http://s1.sit.com' ;var WEBDOMAIN = 'http://192.168.60.150' ;var CMSCSSDOMAIN = 'http://s1.sit.com' ;var CMSIMAGEDOMAIN = 'http://s1.sit.com' ;var PAYFLG = '1' ;var MEMBER_BASE = 'http://member.sit.com' ;var WXDOMAIN = 'http://m.jia.sit.com' ;
	var storeInfo='{\"storeName"\:\"石泉路店"\}';
//	var customInfo='{\"custName"\:\"李佳佳"\,\"mobilePhone"\:\"15000614264"\}';
	import goback from '../common/goback';
	import carplate from './card-confirm-order-carPlate';
	import custominfo from './card-confirm-order-custom';
	import customstore from './card-confirm-order-store';
	import cardservice from './card-confirm-order-cardservice';
	import buybtn from './card-confirm-order-buybtn';
	
	
	var couponListNew = function() {
        var arr = typeof couponList != 'undefined' ? JSON.parse(couponList) : null;
        for (var i = 0; i < arr.length; i++) {
            arr[i].state = false;
        }
        return arr;
    }();
	export default {
		data() {
				return {
						storeInfo: typeof storeInfo != 'undefined' ? JSON.parse(storeInfo) : null,
			            orderInfo: typeof orderInfo != 'undefined' ? JSON.parse(orderInfo) : null,
			            products: typeof products != 'undefined' ? JSON.parse(products) : null,
			            customInfo: typeof customInfo != 'undefined' ? JSON.parse(customInfo) : null,
			            couponList: couponListNew,
			            carInfo: typeof carInfo != 'undefined' ? JSON.parse(carInfo) : null,
			            payOnline: false, //false 在线付价格块不显示
			            payStore: true, //false 到店付价格块不显示
			            couponSpecial: couponSpecial,
			            payFlg: payFlg, //0 在线支付  1到店支付
			            chooseDay: 0, //16点以前预约T+1 以后T+2
			            showCouponlength: 0, //卷列表数量
			            showCouponState: [], //卷列表状态 true 显示 false 不显示
			            couponEndTime: [],
			            opt: {
			                sd: new Date(currentTime), //当前时间
			                fg: true,
			                ap: '' //'' 需要门店确认 1 上午 2 下午
			            },
			            
			            couponState: {
			                dom: true, //true 卷列表显示
			                icon: true //true icon指向下
			            }
						
						
					}
			},
			computed:{
				carPlateUser:function () {
					return localStorage.getItem('carplate')
				}
			},
			watch:{
				carPlateUser:function (val, oldVal) {
					alert('aaa');
				}
			},
			components: {
				goback,carplate,custominfo,customstore,cardservice,buybtn
			},
			methods: {
				
				
				
			},
			ready:function () {
				
				
			}
	}
</script>
<style lang="scss">
	@import "../../assets/css/_functions.scss";
	@import "../../assets/css/_variables.scss";
	body {
		background: #eeeeee!important;
	}
	
	.card-confirm-order {
		font-size: rem(14);
		color: #333;
		.title{
				display: flex;
				align-items: center;
				width: rem(375);
				height: rem(44);
				border-bottom: 1px solid #eee;
				background: #fff;
				margin-top: rem(16);
				font-size: rem(14);
				color: #333;
				padding-left: rem(14);
				padding-right: rem(14);
		}
		
		.buy-btn{
			position: fixed;
			width: rem(375);
			height: rem(48);
			background: #ff6600;
			bottom: 0;
			left: 0;
			text-align: center;
			color: #fff;
			line-height: rem(48);
			font-size: rem(18);
			&.go-gray{
				background: #ccc;
			}
		}
	}
	
</style>